@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl { margin: 0; padding: 0; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing: 0; border-collapse: collapse; margin: inherit; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #333; }

a:hover { color: #FF921A; }

body { background: #fff; min-width: 1200px; font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif; outline: 0; color: #333; font-size: 14px; overflow-x: hidden; }

.fl { float: left; }

.fr { float: right; }

.hide { display: none; }

.clear:before, .clear:after { content: ''; display: block; clear: both; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }

.center { width: 1200px; margin: 0 auto; position: relative; }

.ptop30 { padding-top: 30px; }

/*字体按钮*/
.fonticon { width: 1.5em; height: 1.5em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

.img { display: block; overflow: hidden; }

.img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.bgfff { background: #fff; }

a:hover .ico_jt::before, a:hover .ico_jt::after { background: var(--color); }

.icon { background: url("../images/icon_img.png") no-repeat center; }

.icon.icozan { height: 18px; width: 18px; background-position: -252px 0; display: inline-block; vertical-align: middle; margin: -4px 3px 0 0; }

.icon.icoeye { height: 18px; width: 18px; background-position: -283px 0; display: inline-block; vertical-align: middle; margin: -4px 3px 0 0; }

.active .icon.icozan { height: 18px; width: 18px; background-position: -198px 0; }

.active .icon.icoeye { height: 18px; width: 18px; background-position: -224px 0; }

:root { --color:#FF921A; --hovercolor:#FF921A; --hoverbgopacity:#FFF4E8; }

.flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/*t头部*/
.header-wrap .header-top { height: 36px; line-height: 36px; font-size: 12px; background: #444; }

.header-wrap .header-top .center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #BBBBBB; }

.header-wrap .header-top .center a { color: #BBBBBB; }

.header-wrap .header-top .center a[href]:hover { color: #FF921A; }

.header-wrap .header-top .center .flex1 { text-align: right; height: 30px; line-height: 30px; overflow: visible; }

.header-wrap .header-top .center .flex1 > a { color: #BBBBBB; }

.header-wrap .header-top .center .flex1 > a::before { content: '·'; margin: 0 10px 0 8px; opacity: 1; font-size: 10px; margin-top: -4px; display: inline-block; vertical-align: middle; height: 12px; line-height: 12px; }

.header-wrap .header-top .center .flex1 > a:first-of-type::before { display: none; }

.header-wrap .header-top .center .flex1 .slidebt { position: relative; margin-left: 10px; float: right; }

.header-wrap .header-top .center .flex1 .slidebt .bt_ { height: 30px; line-height: 30px; }

.header-wrap .header-top .center .flex1 .slidebt .bt_ .icon { display: inline-block; vertical-align: middle; margin: -4px 3px 0; }

.header-wrap .header-top .center .flex1 .slidebt .bt_ .ico1 { height: 12px; width: 12px; background-position: -145px 0; }

.header-wrap .header-top .center .flex1 .slidebt .bt_ .ico2 { height: 5px; width: 8px; background-position: -45px 0; }

.header-wrap .header-top .center .flex1 .slidebt:hover .bt_, .header-wrap .header-top .center .flex1 .slidebt.onshow .bt_ { color: var(--color); cursor: pointer; }

.header-wrap .header-top .center .flex1 .slidebt:hover .bt_ .ico1, .header-wrap .header-top .center .flex1 .slidebt.onshow .bt_ .ico1 { background-position: -122px 0; }

.header-wrap .header-top .center .flex1 .slidebt:hover .bt_ .ico2, .header-wrap .header-top .center .flex1 .slidebt.onshow .bt_ .ico2 { background-position: -29px 0; }

.header-wrap .header-top .center .flex1 .slidebt:hover .slidenav, .header-wrap .header-top .center .flex1 .slidebt.onshow .slidenav { display: block; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav { display: none; position: absolute; width: 1200px; z-index: 1000; right: -20px; top: 30px; background: url("../images/slidenav.png") no-repeat center; width: 1240px; height: 468px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul { padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .bt { display: block; text-align: center; color: #444; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .bt span { display: block; line-height: 44px; height: 44px; font-size: 16px; font-weight: bold; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .bt .icon { height: 50px; width: 50px; margin: 0 auto; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .bt .ico1 { background-position: -118px -155px; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .bt .ico2 { background-position: -188px -154px; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .bt .ico3 { background-position: -322px -149px; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .bt .ico4 { background-position: -50px -153px; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .bt .ico5 { background-position: -255px -155px; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .list { overflow: hidden; padding-top: 8px; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .list a { display: block; float: left; height: 36px; line-height: 36px; border-radius: 5px; text-align: center; width: 90px; margin: 0 0 14px 0; overflow: hidden; background: #F9F9F9; color: #444444; font-size: 14px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .list a .hot { background: #F83030; width: 18px; height: 18px; font-size: 12px; color: #fff; display: inline-block; vertical-align: middle; line-height: 18px; border-radius: 4px; margin: -2px 0 0 4px; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .list a:hover { background: var(--color); color: #fff; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .list a:nth-child(2n) { margin-left: 12px; }

.header-wrap .header-top .center .flex1 .slidebt .slidenav ul li .list.theme a { width: 100%; max-width: 192px; margin: 0 auto; float: none; margin-bottom: 14px; }

.header-wrap .header-center { background: var(--hoverbgopacity); }

.header-wrap .header-center > .center { display: -webkit-box; display: -ms-flexbox; display: flex; height: 90px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.header-wrap .header-center .logo { line-height: 42px; font-size: 20px; font-weight: bold; width: auto; height: 42px; }

.header-wrap .header-center .logo img { width: auto; height: 42px; }

.header-wrap .header-center .nav { padding: 0 60px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 90px; line-height: 90px; }

.header-wrap .header-center .nav li { font-weight: bold; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 0px; }

.header-wrap .header-center .nav li a { display: inline-block; vertical-align: middle; font-size: 18px; position: relative; }

.header-wrap .header-center .nav li a::after { display: none; position: absolute; left: 0; bottom: 0px; width: 100%; height: 4px; background: var(--color); content: ''; }

.header-wrap .header-center .nav li:hover a, .header-wrap .header-center .nav li.on a { color: var(--color); }

.header-wrap .header-center .nav li:hover a::after, .header-wrap .header-center .nav li.on a::after { display: block; }

.header-wrap .header-center .search { width: 290px; height: 42px; border-radius: 100px; opacity: 1; border: 2px solid var(--color); display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; background: #fff; }

.header-wrap .header-center .search .input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; border: none; background: none; padding: 0 10px; font-size: 14px; color: #444; }

.header-wrap .header-center .search .button { width: 60px; border: none; background: none; color: #fff; font-size: 16px; cursor: pointer; outline: none; }

.header-wrap .header-center .search .button .icon { height: 20px; width: 20px; background-position: -33px -22px; display: block; margin: 0 auto; }

.header-wrap .header-center .search .button:hover { opacity: 0.9; }

/*底部*/
.footer-wrap { background: #444; color: #BBBBBB; padding: 20px 0; font-size: 15px; }

.footer-wrap p { text-align: center; line-height: 30px; }

.footer-wrap p span { padding: 0 0px 0 30px; }

.footer-wrap a { color: #BBBBBB; }

.footer-wrap a:hover { opacity: 1; color: #FF921A; }

/* 分页 */
.pagewrap { width: 100%; height: 36px; padding: 30px 0; line-height: 36px; text-align: center; overflow: hidden; }

.pagewrap a, .pagewrap span { display: inline-block; height: 36px; text-align: center; line-height: 36px; background: #F6F6F6; color: #666; border-radius: 4px; padding: 0 14px; margin: 0 4px; font-size: 15px; }

.pagewrap a.current, .pagewrap .active a, .pagewrap a:hover { color: #fff; background: var(--color); }

.pagewrap span { padding: 0 14px; }

.pagewrap li { display: inline-block; _zoom: 1; display: inline; }

.pagewrap .page { margin: 0 auto; display: block; }

.pagewrap li.active a { color: #fff; background: var(--color); }

.common { min-height: calc(100vh - 306px); padding-bottom: 20px; }

.common .Minindexbox:last-child { padding-bottom: 0px; }

.title { height: 30px; line-height: 30px; overflow: hidden; position: relative; }

.title .bt { float: left; font-size: 24px; font-weight: bold; position: relative; }

.title .bt h1 { font-size: 24px; }

.title .bt::before { position: absolute; left: 0px; top: 26px; width: 80%; height: 8px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 146, 26, 0.8)), to(rgba(255, 146, 26, 0))); background: -o-linear-gradient(left, rgba(255, 146, 26, 0.8) 0%, rgba(255, 146, 26, 0) 100%); background: linear-gradient(to right, rgba(255, 146, 26, 0.8) 0%, rgba(255, 146, 26, 0) 100%); content: ''; }

.title .bt span { position: relative; z-index: 1; }

.title .more { float: right; color: #999; cursor: pointer; }

.title .more span { font-family: serif; padding-left: 2px; }

.title .more u { text-decoration: none; color: var(--color); }

.title .more:hover { color: var(--color); }

.title .btbox .bt { color: #666; font-size: 20px; font-weight: normal; margin-right: 30px; cursor: pointer; }

.title .btbox .bt:last-child { margin-right: 0px; }

.title .btbox .bt::before { display: none; }

.title .btbox .bt.on, .title .btbox .bt:hover { color: #333; font-weight: bold; font-size: 24px; }

.title .btbox .bt.on::before, .title .btbox .bt:hover::before { display: block; }

.title > span { color: #666666; padding-left: 10px; }

.title.theme_ .bt { font-size: 20px; }

.title.theme_ .bt::before { display: none; }

.title2 { height: 38px; line-height: 38px; overflow: hidden; position: relative; background: #F5F5F7; border-radius: 4px; padding: 0 16px; margin-top: 25px; }

.title2 .bt { float: left; font-size: 18px; font-weight: bold; position: relative; }

.title2 .bt .tab { display: block; float: left; cursor: pointer; font-size: 16px; font-weight: normal; margin-right: 32px; position: relative; }

.title2 .bt .tab:last-child { margin-right: 0px; }

.title2 .bt .tab::after { width: 16px; height: 3px; position: absolute; bottom: 0px; left: 50%; margin-left: -8px; content: ''; background: var(--color); display: none; }

.title2 .bt .tab.on::after, .title2 .bt .tab:hover::after { display: block; }

.title2 .bt .tab.on { font-size: 18px; font-weight: bold; }

.title2 .more { float: right; color: #999; cursor: pointer; }

.title2 .more span { font-family: serif; padding-left: 2px; }

.title2 .more:hover { color: var(--color); }

.switch1 .tab { margin: 0 24px 24px 0; float: left; display: block; background: #F9F9F9; border-radius: 6px; height: 48px; line-height: 48px; padding: 0 30px; }

.switch1 .tab span { padding-left: 5px; color: #999; }

.switch1 .tab.on, .switch1 .tab:hover { background: var(--color); color: #fff; }

.switch1 .tab.on span, .switch1 .tab:hover span { color: #fff; }

.switch2 .tab { float: left; margin-bottom: 24px; padding: 0 24px; position: relative; }

.switch2 .tab::before { content: ''; width: 1px; height: 28px; background: #e1e1e1; display: block; top: 14px; right: 0; position: absolute; }

.switch2 .tab:last-child::before { display: none; }

.switch2 .tab span { display: block; height: 18px; line-height: 18px; padding-top: 8px; overflow: hidden; text-align: center; }

.switch2 .tab .icon { display: block; margin: 0 auto; width: 30px; height: 30px; }

.switch2 .tab .ico1 { background-position: -251px -34px; }

.switch2 .tab .ico2 { background-position: -169px -35px; }

.switch2 .tab.on, .switch2 .tab:hover { color: var(--color); }

.switch2 .tab.on .ico1, .switch2 .tab:hover .ico1 { background-position: -210px -35px; }

.switch2 .tab.on .ico2, .switch2 .tab:hover .ico2 { background-position: -128px -35px; }

.switch3 { padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.switch3 .tab { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-align: center; background: #F9F9F9; height: 38px; line-height: 38px; margin-right: 16px; border-radius: 20px; }

.switch3 .tab:last-child { margin-right: 0px; }

.switch3 .tab.on, .switch3 .tab:hover { background: var(--hoverbgopacity); color: var(--color); }

.switch4 { overflow: hidden; padding: 8px 0; }

.switch4 .tab { float: left; margin: 24px 24px 0 0; height: 48px; line-height: 48px; border-radius: 24px; font-size: 16px; padding: 0 5px; min-width: 130px; color: #666; background: #f9f9f9; text-align: center; cursor: pointer; }

.switch4 .tab.on, .switch4 .tab:hover { background: var(--color); color: #fff; }

.switch5 { border-bottom: 1px solid #EFEFEF; line-height: 50px; height: 50px; overflow: hidden; }

.switch5 .tab { float: left; display: block; position: relative; color: #666; font-size: 16px; margin-right: 32px; cursor: pointer; }

.switch5 .tab:last-child { margin-right: 0px; }

.switch5 .tab::after { width: 50%; position: absolute; left: 50%; bottom: 0px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 2px; background: var(--color); display: none; }

.switch5 .tab.on, .switch5 .tab:hover { font-weight: bold; color: #333; font-size: 18px; }

.switch5 .tab.on::after, .switch5 .tab:hover::after { display: block; }

.curber { height: 48px; line-height: 48px; border-bottom: 1px solid #EFEFEF; color: #999; margin-bottom: 16px; }

.curber a { color: #999; }

.curber a:hover { color: var(--color); }

.curber span { font-family: serif; padding: 0 2px; }

.curber + .clear > .ContL .Minindexbox:nth-child(1) { padding-top: 0px; }

.curber .on { color: var(--color); }

.curber .hot { height: 16px; width: 16px; background-position: -169px 0; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }

.ContL .curber { height: 30px; line-height: 30px; border: none; }

.link_more { width: 190px; height: 44px; line-height: 44px; display: block; margin: 30px auto; background: #f9f9f9; border-radius: 6px; text-align: center; color: #666; cursor: pointer; }

.link_more:hover { background: var(--color); color: #fff; }

.link_more span { font-family: serif; margin-left: 5px; }

.link_more2 { color: var(--color); cursor: pointer; margin: 32px 0 0 0; display: block; }

.link_more2:hover { text-decoration: underline; }

.link_more2 span { font-family: serif; margin-left: 5px; }

.link_more2.cet { margin: 32px auto 0; display: block; text-align: center; width: 150px; }

.Minindexbox { padding: 32px 0 8px; }

.Min_index1 .Min_index1-1 { width: 460px; }

.Min_index1 > div:nth-child(2) { margin-left: 30px; }

.Min_index1 .Min_index1-2 { width: 400px; }

.Min_index1 .Min_index1-2 .h1 { color: #2E90FA; font-size: 20px; height: 25px; display: block; text-align: center; font-weight: bold; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 12px; }

.Min_index1 .Min_index1-2 .h1:hover { text-decoration: underline; }

.Min_index1 .Min_index1-2 .h2 { height: 24px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; }

.Min_index1 .Min_index1-2 .h2 a { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-align: center; color: #2E90FA; padding: 0 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min_index1 .Min_index1-2 .h2 a:hover { text-decoration: underline; }

.Min_index1 .Min_index1-2 .Min2 .list { border-top: 1px solid #EFEFEF; padding: 16px 0; }

.Min_index1 .Min_index1-2 .Min2 .list:last-child { padding-bottom: 0px; }

.Min_index1 .Min_index1-3 { width: 280px; }

.Min_index1 .swiperlunbox { margin-bottom: 24px; }

.Min_index1 .Min9 { padding-top: 17px; padding-bottom: 40px; border-bottom: 1px solid #EFEFEF; margin-bottom: 40px; }

.Min_index2 .Min_index2-1 { width: 768px; }

.Min_index2 .Min_index2-2 { width: 392px; }

.Min_index3 .list { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 25px; }

.Min_index3 .list .imgbox { width: 296px; margin-right: 24px; }

.Min_index3 .list .imgbox .img { height: 184px; width: 100%; border-radius: 10px; }

.Min_index3 .list .imgbox .btn { display: block; margin: 32px auto 0; text-align: center; background: var(--color); width: 112px; height: 40px; line-height: 40px; border-radius: 6px; color: #fff; }

.Min_index3 .list .flex1 { overflow: hidden; }

.Min_index3 .list .flex1 .name { display: block; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 20px; font-weight: bold; }

.Min_index3 .list .flex1 .tab1 { overflow: hidden; margin-bottom: 20px; }

.Min_index3 .list .flex1 .tab1 a { display: block; float: left; height: 24px; line-height: 24px; border: 1px solid #efefef; padding: 0 15px; border-radius: 12px; margin: 16px 12px 0 0; font-size: 12px; }

.Min_index3 .list .flex1 .tab1 a.on, .Min_index3 .list .flex1 .tab1 a:hover { color: #2E90FA; border-color: #2E90FA; }

.Min_index3 .list .flex1 .tab2 { overflow: hidden; padding-top: 4px; border-top: 1px solid #efefef; width: 105%; }

.Min_index3 .list .flex1 .tab2 a { display: block; float: left; height: 34px; line-height: 34px; border: 1px solid #f9f9f9; padding: 0 2px; width: 120px; text-align: center; border-radius: 5px; margin: 16px 24px 0 0; background: #f9f9f9; }

.Min_index3 .list .flex1 .tab2 a.on, .Min_index3 .list .flex1 .tab2 a:hover { background: var(--hoverbgopacity); border-color: var(--color); color: var(--color); }

.Min_index3 .list .flex1 p { line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 20px; }

.Min_index3 .list .lis { width: 264px; margin-left: 40px; }

.Min_index3 .list .lis .img { width: 120px; height: 74px; margin: 24px 24px 0 0; display: block; overflow: hidden; float: left; border-radius: 10px; position: relative; }

.Min_index3 .list .lis .img:nth-child(2n) { margin-right: 0px; }

.Min_index3 .list .lis .img:nth-child(-n+2) { margin-top: 0px; }

.Min_index3 .list .lis .img:hover p { top: 0px; }

.Min_index3 .list .lis .img p { position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); z-index: 1; width: 100%; height: 100%; color: #fff; line-height: 74px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.Min_index3 .list .lis .img p span { padding: 0 10px; line-height: 22px; max-height: 66px; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.ContL .Min_index3 .list .flex1 .tab2 a { width: 107px; margin-right: 16px; }

.Min_index4 .Min_index4-1 { width: 820px; padding-top: 10px; }

.Min_index4 .Min_index4-2 { width: 340px; padding-top: 10px; }

.Min_index4 .Min9 .list li:last-child { padding-bottom: 0px; }

.Min_index5 .Min_index5-1 { width: 373px; }

.Min_index5 .Min_index5-2 { width: 415px; margin-left: 40px; }

.Min_index5 .Min_index5-3 { width: 332px; }

.Min_index5 .Min2 .list { padding-top: 16px; }

.ContL { width: 820px; margin-right: 40px; }

.ContR { width: 340px; padding-top: 32px; }

.ContR .Min5 .list2 { width: calc(100% + 60px); }

.ContR .Min5 .list2 li { margin-right: 53px; }

.curber + .clear .ContR { padding-top: 0px; }

.inforcommon { background: #F9F9F9; }

.contfff { background: #fff; padding: 20px; }

.inforclear .ContL { width: 218px; margin-right: 30px; }

.inforclear .ContR { width: 952px; }

.MinR { margin-bottom: 40px; }

.MinR:last-child { margin-bottom: 20px; }

.swiperlunbox { width: 100%; height: 260px; border-radius: 10px; position: relative; overflow: hidden; }

.swiperlunbox .swiper-button_prev, .swiperlunbox .swiper-button_next { width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -16px; background: rgba(0, 0, 0, 0.3); border-radius: 50%; text-align: center; color: #fff; line-height: 32px; font-family: serif; font-weight: bold; font-size: 15px; cursor: pointer; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.swiperlunbox .swiper-button_prev { left: 12px; }

.swiperlunbox .swiper-button_next { right: 12px; }

.swiperlunbox .swiper-pagination-bullet { background: #fff; }

.swiperlunbox .swiper-slide .img { width: 460px; height: 260px; display: block; position: relative; border-radius: 10px; }

.swiperlunbox .swiper-slide .img::after { width: 100%; content: ''; display: block; height: 110px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); border-radius: 0px 0px 12px 12px; position: absolute; left: 0; bottom: 0px; z-index: 1; }

.swiperlunbox .swiper-slide .img p { position: absolute; z-index: 2; left: 0px; width: 100%; bottom: 10px; height: 30px; line-height: 30px; color: #fff; text-align: center; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; }

.Min1 .list .box { margin-top: 16px; display: block; height: 100px; overflow: hidden; border-radius: 10px; position: relative; margin-bottom: 24px; }

.Min1 .list .box .img { width: 100%; height: 100%; }

.Min1 .list .box .motai { position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 24px; overflow: hidden; }

.Min1 .list .box .motai .bt { font-size: 16px; line-height: 30px; }

.Min1 .list2 { width: calc(100% + 16px); }

.Min1 .list2 .box { display: block; position: relative; width: 222px; float: left; margin: 16px 16px 0 0; }

.Min1 .list2 .box .img { width: 100%; height: 76px; border-radius: 8px; position: relative; }

.Min1 .list2 .box .motai { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 24px; overflow: hidden; }

.Min1 .list2 .box .motai i { height: 30px; width: 30px; background-position: -296px -34px; }

.Min1 .list2 .box .name { padding-top: 10px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Min1 .list2 .box.big { width: calc(100% - 16px); margin-right: 0px; }

.Min1 .list2 .box.big .img { height: 120px; border-radius: 10px; }

.Min1 .list2 .box.big .motai { background: rgba(0, 0, 0, 0.4); }

.Min1 .list2 .box.big .motai i { height: 30px; width: 30px; background-position: -296px -34px; }

.Min1 .list2 .box.big .name { font-size: 16px; -webkit-line-clamp: 1; height: 24px; }

.Min2 .list { position: relative; }

.Min2 .list ul { position: relative; }

.Min2 .list ul::before { border-left: 1px dashed #CFCFCF; content: ''; display: block; position: absolute; left: 0; top: 18px; height: calc(100% - 36px); }

.Min2 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 36px; height: 36px; position: relative; padding-left: 15px; }

.Min2 .list li:hover::before { background: var(--color); }

.Min2 .list li::before { content: ''; width: 4px; height: 4px; background: #CFCFCF; position: absolute; left: -1.5px; top: 50%; margin-top: -2px; border-radius: 50%; }

.Min2 .list li > span { font-size: 12px; color: #999; }

.Min2 .list li .flex1 { overflow: hidden; margin-right: 20px; position: relative; }

.Min2 .list li .flex1 a { display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; }

.Min2 .list .tab { color: #777; margin-left: 20px; cursor: pointer; }

.Min2 .list .tab.active { color: #F83030; }

.Min2 .list.big ul::before { top: 28px; height: calc(100% - 56px); }

.Min2 .list.big li { line-height: 56px; height: 56px; }

.Min2 .list.big li .flex1 { font-size: 18px; }

.Min2 .title + .list.clear { padding-top: 24px; }

.Min2 .title + .list.clear ul { float: left; width: 48%; margin-right: 2%; }

.Min2 .title + .list.clear ul:nth-child(2n) { margin-right: 0px; margin-left: 2%; }

.Min3 .list { position: relative; padding-top: 25px; }

.Min3 .list li { position: relative; padding: 0 0 16px 0; padding-left: 25px; }

.Min3 .list li::before { border-left: 1px solid #CFCFCF; content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; }

.Min3 .list li:first-child::before { -webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); }

.Min3 .list li:last-child { padding-bottom: 0px; }

.Min3 .list li:last-child::before { height: 10px; }

.Min3 .list li:hover::before { background: var(--color); }

.Min3 .list li .name { display: block; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Min3 .list li p { height: 16px; line-height: 16px; padding-top: 8px; font-size: 12px; color: #999; }

.Min3 .list li .i { position: absolute; top: 5px; left: 0px; width: 12px; height: 12px; border: 1px solid var(--color); border-radius: 50%; margin-left: -6px; background: #fff; }

.Min3 .list li .i::before { content: ''; width: 5px; height: 5px; background: var(--color); position: absolute; left: 50%; top: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.Min4 .title2 + .list { margin-top: -8px; }

.Min4 .link_more { margin-bottom: 40px; }

.Min4 .list { overflow: hidden; }

.Min4 .list ul { width: calc(100% + 30px); }

.Min4 .list ul li { float: left; margin: 32px 24px 0 0; width: 384px; height: 168px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #DFDFDF; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 16px; }

.Min4 .list ul li .img { width: 36px; height: 36px; border-radius: 50%; margin-right: 14px; }

.Min4 .list ul li .flex1 { overflow: hidden; }

.Min4 .list ul li .flex1 .bt { height: 36px; line-height: 36px; border-bottom: 1px solid #DFDFDF; color: #666; margin-bottom: 8px; }

.Min4 .list ul li .flex1 .bt span { font-weight: bold; color: #333; font-size: 16px; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: -4px 2px 0 0; max-width: 79%; }

.Min4 .list ul li .flex1 .lis p { height: 32px; line-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Min4 .list ul li .flex1 .lis p::before { content: ''; background: #CFCFCF; width: 3px; height: 3px; border-radius: 50%; display: block; margin: 0 10px 0 0; }

.Min4 .list ul li .flex1 .lis p a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min4 .list ul li .flex1 .lis p span { color: #999; font-size: 12px; }

.Min4 .list ul .item { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #DFDFDF; padding-bottom: 12px; padding-top: 2px; }

.Min4 .list ul .item .flex1 .bt { border: none; margin-bottom: 0px; }

.Min4 .list ul .btnbox { overflow: hidden; width: calc(100% + 20px); padding-top: 2px; }

.Min4 .list ul .btnbox .btn { float: left; width: 100px; height: 36px; background: #F9F9F9; border-radius: 5px; line-height: 36px; text-align: center; display: block; margin: 12px 20px 0 0; }

.Min4 .list ul .btnbox .btn:hover { background: var(--color); color: #fff; }

.Min4 .list ul .text { line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 12px; height: 48px; color: #666; }

.Min4 .list ul .lis_a { display: -ms-grid; display: grid; -webkit-column-gap: 22px; column-gap: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); }

.Min4 .list ul .lis_a .img { width: 50px; height: 50px; display: block; border-radius: 10px; position: relative; overflow: hidden; margin-right: 0px; margin-top: 15px; }

.Min4 .list ul .lis_a .img .num { position: absolute; top: 0px; left: 0px; width: 17px; height: 17px; background: #F83030; color: #fff; font-size: 12px; line-height: 17px; text-align: center; border-radius: 10px 0 5px 0; z-index: 1; }

.Min4 .list ul .lis_a .img + .img .num { background: #FF921A; }

.Min4 .list ul .lis_a .img + .img + .img .num { background: #FFD40C; }

.Min4 .list ul .lis_a .img + .img + .img + .img .num { background: #999; }

.Min4 .list .ul2 li { display: block; padding: 10px 20px; height: 180px; }

.Min4 .list .ul2 li:hover { border-color: var(--color); }

.Min4 .list .ul3 li { display: block; padding: 12px 20px; height: 209px; }

.Min4 .list .ul3 li .flex1 .bt span { max-width: 99%; }

.Min4 .list .ul3 li:hover { border-color: var(--color); }

.Min4 .list .ul4 { width: calc(100% + 60px); }

.Min4 .list .ul4 li { display: block; padding: 12px 26px; height: 297px; width: 254px; margin-right: 60px; }

.Min4 .list .ul4 li .flex1 .bt span { max-width: 99%; }

.Min4 .list .ul4 li:hover { border-color: var(--color); }

.Min4 .list .ul4 li .lis_a { display: -ms-grid; display: grid; -webkit-column-gap: 26px; column-gap: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }

.Min4 .list .ul4 li .lis_a .img { margin-top: 18px; margin-bottom: 6px; }

.ContL .Min4 .list ul li { width: 398px; }

.Min5 { overflow: hidden; }

.Min5 .list { width: calc(100% + 24px); overflow: hidden; }

.Min5 .list .box { float: left; margin: 24px 24px 0 0; width: 172px; height: 60px; border-radius: 10px; border: 1px solid #EFEFEF; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.Min5 .list .box .img { width: 46px; height: 46px; margin: 0 16px 0 24px; border-radius: 10px; }

.Min5 .list .box p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 10px; font-size: 16px; color: #333; }

.Min5 .list .box .motai { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.Min5 .list .box .motai .btn { width: 62px; height: 30px; background: #FF921A; text-align: center; line-height: 30px; color: #fff; border-radius: 20px; font-size: 14px; }

.Min5 .list .box:hover .motai { top: 0px; }

.Min5 .list2 { width: 110%; }

.Min5 .list2 li { float: left; width: 78px; margin: 24px 60px 0 0; }

.Min5 .list2 li .box { display: block; }

.Min5 .list2 li:hover .down { background: var(--color); color: #fff; }

.Min5 .list2 li .img { width: 78px; height: 78px; border-radius: 18px; margin: 0 auto; }

.Min5 .list2 li p { height: 20px; line-height: 20px; padding-top: 10px; text-align: center; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; }

.Min5 .list2 li .down { width: 100%; height: 32px; margin-top: 12px; background: #f9f9f9; text-align: center; display: block; line-height: 32px; border-radius: 6px; overflow: hidden; color: #999; }

.Min5 .list2 .ul2 li { margin: 24px 40px 0 0; width: 60px; }

.Min5 .list2 .ul2 li .img { width: 60px; height: 60px; border-radius: 12px; }

.Min5 .list2 .ul2 li p { font-size: 14px; padding-top: 12px; }

.Min5 .list2 .ul1 li { margin-right: 70px; }

.box_flexbox .Min5 .list2 ul li { margin-right: 48px; }

.Min6 li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; margin: 24px 0 6px 0; height: 78px; }

.Min6 li .img { width: 78px; height: 78px; border-radius: 18px; margin-right: 16px; }

.Min6 li .flex1 { overflow: hidden; margin-right: 10px; }

.Min6 li .flex1 .name { height: 30px; line-height: 30px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; }

.Min6 li .flex1 p { color: #999; padding-top: 20px; font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; }

.Min6 li .hot { color: #999; font-size: 12px; line-height: 30px; }

.Min6 li .hot i { height: 16px; width: 16px; background-position: -169px 0; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }

.Min7 .list { overflow: hidden; }

.Min7 .list ul { width: 105%; }

.Min7 .list li { float: left; width: 170px; margin: 24px 36px 0 0; }

.Min7 .list li:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min7 .list li + li .num { background: #FF921A; }

.Min7 .list li + li + li .num { background: #FFD40C; }

.Min7 .list li + li + li + li .num { background: #999999; }

.Min7 .list li .box { display: block; }

.Min7 .list li .img { width: 100%; height: 102px; border-radius: 10px; overflow: hidden; position: relative; }

.Min7 .list li .num { display: block; position: absolute; top: 0px; left: 0px; width: 24px; height: 24px; color: #fff; background: #F83030; z-index: 1; border-radius: 10px 0 10px 0; text-align: center; line-height: 24px; }

.Min7 .list li p { font-size: 16px; text-align: center; height: 21px; line-height: 21px; padding-top: 12px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min7 .swiper_box { padding: 16px 22px 0; position: relative; }

.Min7 .swiper { position: relative; }

.Min7 .swiper .swiper-slide { width: auto; margin-right: 36px; }

.Min7 .swiper .swiper-slide:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min7 .swiper .swiper-slide + .swiper-slide .num { background: #FF921A; }

.Min7 .swiper .swiper-slide + .swiper-slide + .swiper-slide .num { background: #FFD40C; }

.Min7 .swiper .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .num { background: #999999; }

.Min7 .swiper .swiper-slide .box { display: block; }

.Min7 .swiper .swiper-slide .img { width: 100%; height: 102px; border-radius: 10px; overflow: hidden; position: relative; }

.Min7 .swiper .swiper-slide .num { display: block; position: absolute; top: 0px; left: 0px; width: 24px; height: 24px; color: #fff; background: #F83030; z-index: 1; border-radius: 10px 0 10px 0; text-align: center; line-height: 24px; }

.Min7 .swiper .swiper-slide p { font-size: 16px; text-align: center; height: 21px; line-height: 21px; padding-top: 12px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min7 .swiperprev, .Min7 .swipernext { height: 34px; width: 10px; background-position: -66px 0; position: absolute; top: 55px; cursor: pointer; }

.Min7 .swiperprev { left: 0px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.Min7 .swipernext { right: 0px; }

.ContL .Min7 .swiper_box { margin-top: 16px; }

.Min8 .list { overflow: hidden; }

.Min8 .list ul { width: 105%; }

.Min8 .list li { float: left; width: 100px; margin: 24px 57px 0 0; }

.Min8 .list li .img { width: 100px; height: 100px; }

.Min8 .list li .img img { width: auto; height: 100%; display: block; margin: 0 auto; max-width: 100%; border-radius: 5px; }

.Min8 .list li p { line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; padding-top: 12px; }

.Min8 .list li .btn { width: 78px; margin: 16px  auto 0; text-align: center; background: var(--color); color: #fff; line-height: 32px; border-radius: 6px; }

.Min9 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 0 8px 0; }

.Min9 .list li .img { width: 172px; height: 96px; border-radius: 10px; }

.Min9 .list li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min9 .list li .flex1 { padding-left: 20px; }

.Min9 .list li .flex1 .name { display: block; line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; }

.Min9 .list li .flex1 p { font-size: 12px; height: 17px; padding-top: 17px; line-height: 17px; color: #999; overflow: hidden; }

.Min9 .list li .flex1 p span { margin-right: 20px; }

.Min9 .list li .flex1 p span:last-child { margin-right: 0px; }

.Min9 .list.small li { padding-bottom: 5px; }

.Min9 .list.small li .img { width: 96px; height: 66px; }

.Min9 .list.small li .flex1 { padding-left: 16px; }

.Min9 .list.small li .flex1 .name { line-height: 24px; margin-top: -2px; }

.Min9 .list.small li .flex1 p { padding-top: 6px; }

.Min9 .list.bor li { padding: 24px 0; border-bottom: 1px solid #EFEFEF; }

.Min9 .list.bor li:last-child { border: none; padding-bottom: 0px; }

.Min10 .list li { line-height: 22px; padding-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; font-size: 16px; }

.Min10 .list li + li .num { color: #FF921A; }

.Min10 .list li + li + li .num { color: #FFD40C; }

.Min10 .list li + li + li + li .num { color: #BBBBBB; }

.Min10 .list li .num { min-width: 20px; margin-right: 13px; font-size: 18px; font-style: italic; color: #F83030; }

.Min10 .list li > .img { width: 78px; height: 78px; border-radius: 18px; margin-right: 16px; display: none; }

.Min10 .list li > .img2 { width: 124px; border-radius: 10px; }

.Min10 .list li > .btn { width: 64px; height: 34px; line-height: 34px; text-align: center; display: none; border-radius: 6px; font-size: 14px; background: #f6f6f6; color: #666; }

.Min10 .list li > .btn:hover { background: var(--color); color: #fff; }

.Min10 .list li > p { color: #999999; line-height: 22px; height: 22px; font-size: 14px; }

.Min10 .list li .flex1 { overflow: hidden; }

.Min10 .list li .flex1 > a:nth-child(1) { display: inline-block; vertical-align: middle; margin: -2px 0 0 0; max-width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min10 .list li .flex1 > .p { color: #999999; height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; padding-top: 20px; display: none; }

.Min10 .list li .item { display: none; vertical-align: middle; margin-top: 13px; }

.Min10 .list li .item .img { width: 88px; height: 88px; margin-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Min10 .list li .item .img img { width: auto; height: auto; display: block; max-width: 90%; max-height: 90%; }

.Min10 .list li .item .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.Min10 .list li .item .infor .tab { width: 84px; height: 32px; background: #F6F6F6; border-radius: 6px; text-align: center; line-height: 32px; overflow: hidden; border: 1px solid #EFEFEF; margin-bottom: 12px; font-size: 14px; color: #666; }

.Min10 .list li .item .infor .tab:last-child { margin-bottom: 0px; }

.Min10 .list li.on .item { display: -webkit-box; display: -ms-flexbox; display: flex; }

.Min10 .list li.on > .btn, .Min10 .list li.on > .img { display: block; }

.Min10 .list li.on > p { display: none; }

.Min10 .list li.on .flex1 > .p { display: block; }

.Min10 .list .ul2 li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Min10 .list .ul2 .on .num { padding-top: 10px; }

.Min10 .list .ul2 .on .flex1 { padding-right: 5px; }

.Min10 .hover li > .btn { background: var(--color); color: #fff; }

.Min11 .list { width: calc(100% + 16px); }

.Min11 .list .btn { float: left; border: 1px solid #EFEFEF; background: #F9F9F9; border-radius: 6px; height: 40px; line-height: 40px; display: block; padding: 0 10px; margin: 24px 16px 0 0; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 80%; }

.Min11 .list .btn:hover { background: var(--color); color: #fff; border-color: var(--color); }

.Min11 .list ul { padding-top: 8px; }

.Min11 .list li { float: left; width: 158px; height: 92px; margin: 16px 16px 0 0; overflow: hidden; position: relative; border-radius: 10px; }

.Min11 .list li .img { width: 100%; height: 100%; overflow: hidden; display: block; }

.Min11 .list li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min11 .list li .tex { width: 100%; position: absolute; bottom: 0px; left: 0px; border-radius: 0px 0px 10px 10px; color: #fff; height: 62px; padding-top: 14px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 20px; background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(0, 0, 0, 0)), to(#000000)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 6%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6%, #000000 100%); }

.Min11 .list li .tex p { height: 20px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min11 .list.big { width: calc(100% + 24px); }

.Min11 .list.big ul { padding-top: 0px; }

.Min11 .list.big li { width: 188px; height: 124px; margin: 24px 24px 0 0; }

.ContR .Min11 .list .btn { font-size: 16px; }

.Min12 .swiper { padding-top: 33px; position: relative; }

.Min12 .swiper .img { display: block; width: 282px; height: 164px; border-radius: 10px; position: relative; overflow: hidden; color: #fff; }

.Min12 .swiper .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min12 .swiper .img p { height: 60px; position: absolute; width: 100%; bottom: 0px; left: 0px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 24px; font-size: 16px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }

.Min12 .swiper-box { padding: 0 22px 0; position: relative; }

.Min12 .swiper-box .box { width: 176px; height: 80px; background: url("../images/tab1.png") no-repeat center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.Min12 .swiper-box .box:hover { background-image: url("../images/tab1_on.png"); }

.Min12 .swiper-box .box:hover span { color: var(--color); }

.Min12 .swiper-box .box p { font-weight: bold; width: 100%; font-size: 16px; height: 30px; line-height: 30px; }

.Min12 .swiper-box .box span { color: #666; margin-top: -20px; display: block; overflow: hidden; height: 20px; line-height: 20px; }

.Min12 .swiper-prev, .Min12 .swiper-next { height: 34px; width: 10px; background-position: -66px 0; position: absolute; top: 60px; cursor: pointer; }

.Min12 .swiper-prev { left: 0px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.Min12 .swiper-next { right: 0px; }

.Min12 .swiper-scrollbar { position: relative; bottom: 0; margin: 16px 0 0; height: 8px; background: #F6F6F6; }

.Min12 .swiper-scrollbar .swiper-scrollbar-drag { background: #EAEAEA; }

.Min13 .list { overflow: hidden; }

.Min13 .list .lis { width: 110%; }

.Min13 .list .lis .btn { float: left; background: #F6F6F6; height: 46px; line-height: 46px; text-align: center; border-radius: 6px; display: block; width: 94px; padding: 0 2px; margin: 24px 23px 0 0; font-size: 16px; overflow: hidden; }

.Min13 .list .lis .btn.on, .Min13 .list .lis .btn:hover { color: #fff; background: var(--color); }

.Min13 .list .lis .hot { width: 18px; height: 18px; background: #F83030; border-radius: 4px; color: #fff; display: inline-block; vertical-align: middle; line-height: 18px; font-size: 12px; margin: -4px 0 0 3px; }

.Min13 .list .lis .box { float: left; margin: 24px 24px 0 0; width: 158px; display: block; }

.Min13 .list .lis .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min13 .list .lis .box .img { width: 100%; height: 104px; border-radius: 10px; }

.Min13 .list .lis .box p { height: 44px; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 8px; font-size: 16px; }

.Min13 .list .big .btn { margin-right: 28px; width: 203px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min13 .list .theme { width: calc(100% + 24px); }

.Min13 .list .theme .btn { margin-right: 24px; width: auto; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 15px; }

.Min14 .list { overflow: hidden; }

.Min14 .list ul { width: 105%; }

.Min14 .list ul li { float: left; margin: 24px 24px 0 0; width: 398px; height: 178px; border: 1px solid #DFDFDF; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px 10px 24px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Min14 .list ul li .img { width: 100px; height: 110px; margin-right: 15px; border-radius: 10px; }

.Min14 .list ul li .flex1 { overflow: hidden; height: 100%; }

.Min14 .list ul li .flex1 .name { display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 17px; font-weight: bold; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 5px; }

.Min14 .list ul li .flex1 p { height: 30px; line-height: 30px; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #999999; font-size: 15px; }

.Min14 .list ul li .flex1 .p { overflow: hidden; }

.Min14 .list ul li .flex1 .p .btn { width: 70px; height: 36px; background: #F6F6F6; border-radius: 6px; display: block; float: left; margin: 15px 14px 0 0; text-align: center; line-height: 36px; color: #666666; }

.Min14 .list ul li .flex1 .p .btn:last-child { margin-right: 0px; }

.Min14 .list ul li .flex1 .p .btn.on, .Min14 .list ul li .flex1 .p .btn:hover { background: var(--color); color: #fff; }

.Min15 .list { padding-top: 8px; }

.Min15 .list li { padding-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.Min15 .list li .img { width: 134px; height: 90px; border-radius: 10px; margin-right: 16px; }

.Min15 .list li .flex1 { overflow: hidden; }

.Min15 .list li .flex1 .name { line-height: 26px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; font-size: 16px; padding-top: 4px; }

.Min15 .list li .flex1 .bt { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 20px; height: 20px; }

.Min15 .list li .flex1 .tab { overflow: hidden; }

.Min15 .list li .flex1 .tab .a { float: left; border: 1px solid #EFEFEF; border-radius: 20px; height: 18px; line-height: 18px; display: block; margin: 10px 10px 0 0; padding: 0 9px; font-size: 12px; color: #999; }

.Min15 .list li .flex1 .tab .a:hover { color: var(--color); border-color: var(--color); }

.Min15 .list li .flex1 .btn { width: 82px; height: 32px; background: #f6f6f6; border-radius: 6px; color: #666; display: block; margin: 14px 0 0 0; text-align: center; line-height: 32px; overflow: hidden; }

.Min15 .list li .flex1 .btn:hover { color: #fff; background: var(--color); }

.Min15 .list li .flex1 p { height: 16px; line-height: 16px; padding-top: 14px; overflow: hidden; color: #999; font-size: 12px; }

.Min15 .list li .flex1 p span { color: #F83030; }

.Min15 .list.ul2 li .img { width: 140px; height: 100px; }

.Min16 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; border-bottom: 1px solid #efefef; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Min16 .list li .img { width: 50px; height: 70px; }

.Min16 .list li .flex1 { margin-left: 20px; overflow: hidden; }

.Min16 .list li .flex1 .name { height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; font-weight: 400; }

.Min16 .ul li { float: left; width: 246px; height: 138px; border-radius: 12px; overflow: hidden; margin: 0 0 24px 32px; }

.Min16 .ul li:first-child { width: 542px; height: 300px; margin: 0px; }

.Min16 .ul li:last-child { margin-bottom: 0px; }

.Min16 .ul li .img { width: 100%; height: 100%; display: block; }

.Min16 .ul li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min16 .ul .swiperlunbox { height: 300px; }

.Min16 .list2 { overflow: hidden; }

.Min16 .list2 ul { width: 105%; }

.Min16 .list2 ul li { float: left; width: 257px; height: 146px; border-radius: 10px; margin: 24px 24px 0 0; position: relative; overflow: hidden; }

.Min16 .list2 ul li .img { width: 100%; height: 100%; display: block; overflow: hidden; }

.Min16 .list2 ul li .motai { position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.15); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; line-height: 32px; font-size: 16px; }

.Min17 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 24px 0; border-bottom: 1px solid #efefef; }

.Min17 .list li:last-child { border: none; }

.Min17 .list li + li .num { background: #FF921A; }

.Min17 .list li + li + li .num { background: #FFD40C; }

.Min17 .list li + li + li + li .num { background: #999; }

.Min17 .list li .num { width: 27px; height: 27px; line-height: 27px; text-align: center; font-size: 16px; background: #F83030; color: #fff; border-radius: 18px 0 10px 0; position: absolute; top: 0px; left: 0; font-weight: bold; }

.Min17 .list li .img:first-child { width: 78px; height: 78px; border-radius: 18px; position: relative; margin-right: 20px; }

.Min17 .list li .flex1 { overflow: hidden; margin-right: 32px; }

.Min17 .list li .name { height: 23px; display: block; line-height: 23px; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min17 .list li .tab_lis { overflow: hidden; }

.Min17 .list li .tab_lis a { display: block; float: left; border: 1px solid #DFDFDF; height: 26px; line-height: 26px; font-size: 14px; color: #999; border-radius: 26px; padding: 0 15px; margin: 15px 16px 0 0; }

.Min17 .list li .tab_lis a[href]:hover { color: var(--color); border-color: var(--color); }

.Min17 .list li .p { padding-top: 16px; line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Min17 .list li .imgbig { width: 228px; height: 138px; border-radius: 10px; }

.Min17 .list li .imgbig:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min17 .list2 { padding-top: 8px; }

.Min17 .list2 .bt { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 16px; line-height: 23px; height: 23px; }

.Min17 .list2 .bt .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; font-weight: bold; font-size: 18px; }

.Min17 .list2 .bt p { color: #999; }

.Min17 .list2 .bt p span { color: var(--color); }

.Min17 .list2 .text { padding-top: 16px; line-height: 32px; color: #666; word-wrap: break-word; text-align: justify; font-size: 16px; }

.Min17 .list2 .item { overflow: hidden; width: 110%; }

.Min17 .list2 .item .img { width: 64px; height: 64px; border-radius: 14px; position: relative; float: left; margin: 24px 44px 0 0; }

.Min17 .list2 .item .img + img .num { background: #FF921A; }

.Min17 .list2 .item .img + img + img .num { background: #FFD40C; }

.Min17 .list2 .item .img + img + li + img .num { background: #999; }

.Min17 .list2 .item .img .num { width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; background: #F83030; color: #fff; border-radius: 18px 0 5px 0; position: absolute; top: 0px; left: 0; }

.Min18 .list { overflow: hidden; padding-top: 8px; }

.Min18 .list ul { width: 110%; }

.Min18 .list li { float: left; width: 588px; height: 320px; margin: 20px 24px 20px 0; padding: 24px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; border: 1px solid #DFDFDF; }

.Min18 .list li .item { display: -webkit-box; display: -ms-flexbox; display: flex; }

.Min18 .list li .item .imgbox { width: 200px; margin-right: 20px; }

.Min18 .list li .item .imgbox .img { height: 134px; width: 100%; border-radius: 10px; }

.Min18 .list li .item .imgbox .btn { display: block; margin: 20px auto 0; text-align: center; width: 110px; height: 38px; line-height: 38px; border-radius: 6px; color: var(--color); border: 1px solid var(--color); }

.Min18 .list li .item .imgbox .btn:hover { background: var(--color); color: #fff; }

.Min18 .list li .item .flex1 { overflow: hidden; }

.Min18 .list li .item .flex1 .name { display: block; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 20px; font-weight: bold; }

.Min18 .list li .item .flex1 .tab1 { overflow: hidden; margin-bottom: 20px; }

.Min18 .list li .item .flex1 .tab1 a { display: block; float: left; height: 24px; line-height: 24px; border: 1px solid #efefef; padding: 0 15px; border-radius: 12px; margin: 16px 12px 0 0; font-size: 12px; color: #999; }

.Min18 .list li .item .flex1 .tab1 a.on, .Min18 .list li .item .flex1 .tab1 a:hover { color: #2E90FA; border-color: #2E90FA; }

.Min18 .list li .item .flex1 .tab2 { overflow: hidden; border-top: 1px solid #efefef; width: 108%; height: 109px; }

.Min18 .list li .item .flex1 .tab2 a { display: block; float: left; height: 34px; line-height: 34px; border: 1px solid #f9f9f9; padding: 0 2px; width: 90px; text-align: center; border-radius: 5px; margin: 16px 16px 0 0; background: #f9f9f9; }

.Min18 .list li .item .flex1 .tab2 a.on, .Min18 .list li .item .flex1 .tab2 a:hover { background: var(--hoverbgopacity); border-color: var(--color); color: var(--color); }

.Min18 .list li .item .lis { width: 264px; margin-left: 40px; }

.Min18 .list li .item .lis .img { width: 120px; height: 74px; margin: 24px 24px 0 0; display: block; overflow: hidden; float: left; border-radius: 10px; position: relative; }

.Min18 .list li .item .lis .img:nth-child(2n) { margin-right: 0px; }

.Min18 .list li .item .lis .img:nth-child(-n+2) { margin-top: 0px; }

.Min18 .list li .item .lis .img:hover p { top: 0px; }

.Min18 .list li .item .lis .img p { position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); z-index: 1; width: 100%; height: 100%; color: #fff; line-height: 74px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.Min18 .list li .item .lis .img p span { padding: 0 10px; line-height: 22px; max-height: 66px; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.Min18 .list li .text { line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 24px; }

.Min19 .list { overflow: hidden; }

.Min19 .list ul { width: 108%; }

.Min19 .list li { float: left; width: 187px; margin: 24px 24px 0 0; }

.Min19 .list li:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min19 .list li:hover .name { color: var(--color); }

.Min19 .list li .img { width: 100%; height: 112px; border-radius: 10px; display: block; }

.Min19 .list li .name { height: 44px; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 10px; }

.Min20 > div { width: 110%; padding-top: 8px; }

.Min20 .box { display: block; float: left; width: 66px; margin: 24px 28px 0 0; text-align: center; }

.Min20 .box .img { width: 66px; height: 66px; border-radius: 16px; }

.Min20 .box p { height: 22px; line-height: 22px; padding-top: 10px; overflow: hidden; width: 100%; }

.Min21 .list ul { width: 110%; }

.Min21 .list li { line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 382px; float: left; margin: 24px 56px 8px 0; }

.Min21 .list li + li .num { color: #FF921A; }

.Min21 .list li + li + li .num { color: #FFD40C; }

.Min21 .list li + li + li + li .num { color: #BBBBBB; }

.Min21 .list li .num { min-width: 20px; margin-right: 13px; font-size: 18px; font-style: italic; color: #F83030; }

.Min21 .list li > .img { width: 78px; height: 78px; border-radius: 18px; margin-right: 16px; }

.Min21 .list li > .btn { width: 64px; height: 34px; line-height: 34px; text-align: center; border-radius: 6px; font-size: 14px; background: #f6f6f6; color: #666; }

.Min21 .list li > .btn:hover { background: var(--color); color: #fff; }

.Min21 .list li .flex1 { overflow: hidden; padding-right: 10px; }

.Min21 .list li .flex1 > a:nth-child(1) { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 21px; line-height: 21px; font-size: 16px; }

.Min21 .list li .flex1 > .p { color: #999999; height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; padding-top: 20px; }

.Min22 .list { width: 105%; }

.Min22 .list li { float: left; width: 588px; height: 305px; background: #FFFFFF; border-radius: 10px 10px 10px 10px; border: 1px solid #DFDFDF; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px; margin: 24px 24px 8px 0; overflow: hidden; }

.Min22 .list li .item { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 124px; }

.Min22 .list li .item .img { width: 198px; height: 124px; border-radius: 10px; display: block; overflow: hidden; margin-right: 20px; }

.Min22 .list li .item .flex1 { overflow: hidden; }

.Min22 .list li .item .flex1 .name { height: 23px; display: block; font-size: 18px; font-weight: bold; line-height: 23px; padding-bottom: 16px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min22 .list li .item .flex1 p { line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.Min22 .list li .p { padding-top: 18px; height: 20px; line-height: 20px; color: #999; padding-bottom: 18px; border-bottom: 1px solid #efefef; overflow: hidden; }

.Min22 .list li .p u { text-decoration: none; color: var(--color); }

.Min22 .list li .p span:last-child { float: right; }

.Min22 .list li .lis { display: -ms-grid; display: grid; -webkit-column-gap: 54px; column-gap: 54px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); margin-top: 16px; height: 64px; }

.Min22 .list li .lis .img { display: block; overflow: visible; margin-bottom: 24px; }

.Min22 .list li .lis .img img { width: 64px; height: 64px; border-radius: 14px; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; }

.Min22 .list li .lis .img:hover img { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }

.Min23 .item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 24px; }

.Min23 .item .img { width: 210px; height: 124px; border-radius: 10px; display: block; margin-right: 24px; }

.Min23 .item .flex1 { overflow: hidden; }

.Min23 .item .bt { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 25px; line-height: 25px; padding-bottom: 12px; }

.Min23 .item .bt .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; font-size: 18px; }

.Min23 .item .bt span { color: #999; }

.Min23 .item .bt span u { text-decoration: none; color: var(--color); }

.Min23 .item .time { height: 16px; line-height: 16px; color: #999; font-size: 12px; overflow: hidden; padding-bottom: 12px; }

.Min23 .item .text { color: #666; line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.Min23 .big { padding-top: 0px; }

.Min23 .big .img { width: 292px; height: 172px; }

.Min23 .big .bt .name { font-size: 20px; }

.Min23 .big .text { color: #333; -webkit-line-clamp: 4; }

.Min23 .list { overflow: hidden; }

.Min23 .list ul { width: 105%; }

.Min23 .list li { float: left; width: 398px; height: 204px; border: 1px solid #DFDFDF; padding: 16px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; margin: 24px 24px 0 0; overflow: hidden; }

.Min23 .list li .lis { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 16px; }

.Min23 .list li .lis .img { width: 78px; height: 78px; border-radius: 18px; margin-right: 16px; }

.Min23 .list li .lis .flex1 { overflow: hidden; padding-right: 10px; }

.Min23 .list li .lis .name { height: 20px; line-height: 20px; font-size: 16px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min23 .list li .lis p { color: #999; height: 20px; line-height: 20px; overflow: hidden; padding-top: 15px; }

.Min23 .list li .lis .btn { width: 72px; height: 36px; line-height: 36px; text-align: center; border-radius: 6px; background: #F6F6F6; color: #666; }

.Min23 .list li .lis .btn:hover { background: var(--color); color: #fff; }

.Min23 .list li .text { line-height: 26px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #666; }

.Min23 .list2 { display: -ms-grid; display: grid; -webkit-column-gap: 20px; column-gap: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }

.Min23 .list2 .box { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; }

.Min23 .list2 .box .img { width: 78px; height: 78px; border-radius: 18px; margin-right: 16px; }

.Min23 .list2 .box .flex1 { overflow: hidden; }

.Min23 .list2 .box .name { height: 30px; line-height: 30px; overflow: hidden; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; }

.Min23 .list2 .box p { height: 24px; line-height: 24px; color: #999; overflow: hidden; font-size: 12px; }

.Min24 .title { margin-bottom: 24px; }

.Min24 .list li { border-bottom: 1px solid #efefef; padding-bottom: 20px; margin-bottom: 20px; }

.Min24 .list li.heads { background: #F9F9F9; padding: 15px 20px 20px; border-radius: 10px; margin-bottom: 24px; border: none; }

.Min24 .list li.heads .bt { font-size: 18px; }

.Min24 .list li .bt { display: block; font-weight: bold; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min24 .list li .text { color: #555555; line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding-top: 10px; }

.Min24 .list li .bq { height: 22px; line-height: 22px; overflow: hidden; padding-top: 10px; color: #999; font-size: 12px; }

.Min24 .list li .bq span { padding-right: 20px; }

.Min24 .list li .bq a { color: #999; }

.Min24 .list li .bq a:hover { color: var(--color); }

.Min24 .list li .tab { float: left; height: 22px; line-height: 22px; background: #FEEEEE; color: #F83030; padding: 0 8px; margin-right: 20px; border-radius: 5px; }

.Min25 .list { padding-top: 5px; }

.Min25 .list li { float: left; font-size: 16px; width: 47%; height: 30px; line-height: 30px; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-bottom: 1px solid #F1F1F1; }

.Min25 .list li:nth-child(2n) { float: right; }

.Min25 .list li span { color: #666; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 10px; min-width: 50px; }

.Min25 .list li a { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min25 .list .cor { cursor: pointer; color: var(--color); }

.Min25 .list2 { width: calc(105%); }

.Min25 .list2 .btn { height: 34px; line-height: 34px; border-radius: 20px; opacity: 1; border: 1px solid #dfdfdf; display: block; text-align: center; float: left; color: #999; margin: 16px 24px 0 0; padding: 0 20px; overflow: hidden; }

.Min25 .list2 .btn:hover { color: var(--color); border-color: var(--color); }

.L_table table { margin: 0 auto; }

.title + .L_table { margin-top: 24px; }

.NEWuserbox { background: #F9F9F9; border-radius: 10px; padding: 20px 16px 18px; }

.NEWuserbox .item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 19px; border-bottom: 1px solid #efefef; }

.NEWuserbox .item .img { width: 54px; height: 54px; border-radius: 50%; margin-right: 16px; }

.NEWuserbox .item .flex1 { overflow: hidden; }

.NEWuserbox .item .flex1 .bt { height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.NEWuserbox .item .flex1 .bt .name { font-weight: bold; font-size: 18px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.NEWuserbox .item .flex1 .bt .v { display: -webkit-box; display: -ms-flexbox; display: flex; background: #FCF3E9; color: #672E12; height: 21px; line-height: 21px; margin-right: 10px; }

.NEWuserbox .item .flex1 .bt .v i { height: 21px; width: 19px; background-position: 0 -23px; display: block; }

.NEWuserbox .item .flex1 .bt .v span { padding: 0 5px; font-size: 12px; }

.NEWuserbox .item .flex1 p { color: #666666; line-height: 20px; height: 20px; overflow: hidden; padding-top: 5px; }

.NEWuserbox .p { padding-top: 16px; text-align: center; color: #888; line-height: 16px; }

.NEWuserbox .p .icon { height: 18px; width: 18px; background-position: 0 -55px; display: inline-block; vertical-align: middle; margin: -2px 3px 0 0; }

.NEWuserbox .p span { color: var(--color); }

.NEWuserbox .btn { margin: 19px auto 0; width: 128px; height: 34px; background: #FF921A; border-radius: 40px; line-height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }

.NEWuserbox .btn span { font-size: 20px; margin: -2px 5px 0 0; }

.ZQuserbox { background: #F9F9F9; border-radius: 10px; padding: 20px 23px; }

.ZQuserbox .item { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ZQuserbox .item .img { width: 78px; height: 78px; border-radius: 18px; margin-right: 16px; }

.ZQuserbox .item .flex1 { overflow: hidden; }

.ZQuserbox .item .flex1 .name { font-size: 18px; display: block; height: 30px; font-weight: bold; line-height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.ZQuserbox .item .flex1 p { color: #999; line-height: 20px; height: 20px; overflow: hidden; padding-top: 15px; }

.ZQuserbox .tab_lis { overflow: hidden; }

.ZQuserbox .tab_lis .tab { float: left; height: 24px; line-height: 24px; border: 1px solid #DFDFDF; display: block; margin: 14px 16px 0 0; padding: 0 13px; border-radius: 20px; font-size: 12px; color: #999; }

.ZQuserbox .tab_lis .tab:last-child { margin-right: 0px; }

.ZQuserbox .tab_lis .tab:hover { border-color: #2E90FA; color: #2E90FA; }

.ZQuserbox .txt { line-height: 26px; padding-top: 14px; }

.ZQuserbox .btn { margin: 14px auto 0; width: 100%; height: 42px; background: #FF921A; border-radius: 6px; line-height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; font-size: 16px; }

.NEWtab { background: #F9F9F9; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0; border: 1px solid #EFEFEF; }

.NEWtab .img { width: 100px; height: 100px; border-radius: 24px; overflow: hidden; display: block; margin-right: 16px; }

.NEWtab .flex1 { overflow: hidden; }

.NEWtab .flex1 .name { height: 30px; line-height: 30px; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; font-size: 18px; }

.NEWtab .flex1 .p { height: 20px; line-height: 20px; overflow: hidden; color: #999; padding-top: 20px; }

.NEWtab .flex1 .p a { color: var(--color); }

.NEWtab .flex1 .p2 { padding-top: 8px; }

.NEWtab .flex1 .tab_ { overflow: hidden; padding-top: 14px; }

.NEWtab .flex1 .tab_ .btn { float: left; margin: 0 16px 0 0; height: 26px; line-height: 26px; font-size: 12px; padding: 0 16px; width: auto; border-radius: 20px; }

.NEWtab .theme .btn.on, .NEWtab .theme .btn:hover { color: #2E90FA; border-color: #2E90FA; background: none; }

.NEWtab .btn { margin: 0 0 0 16px; display: block; width: 80px; height: 36px; border-radius: 6px; border: 1px solid #DFDFDF; text-align: center; line-height: 36px; color: #666666; }

.NEWtab .btn.on, .NEWtab .btn:hover { color: var(--color); border-color: var(--color); }

.NEWtab .btn.on { background: var(--color); color: #fff; }

.NEWtab + .Minindexbox { padding-top: 10px; }

.newsinfor_top { margin-bottom: 20px; }

.newsinfor_top .h1 { font-weight: bold; font-size: 28px; line-height: 46px; }

.newsinfor_top p { line-height: 30px; font-size: 16px; padding-top: 10px; }

.newsinfor_top .line_tex { line-height: 16px; padding-top: 16px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 16px; overflow: hidden; }

.newsinfor_top .line_tex span { padding-right: 20px; color: #999; font-size: 12px; }

.newsinfor_top .bq { height: 30px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 15px; }

.newsinfor_top .bq .tab { margin-right: 24px; cursor: pointer; color: #777; cursor: pointer; font-size: 14px; }

.newsinfor_top .bq .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.newsinfor_top .bq .p a { margin-left: 20px; }

.newsinfor_top .bq .p a:hover { text-decoration: underline; }

.newsinfor_top .bq .p .on { color: var(--color); }

.newsinfor_top.bor { border-bottom: 1px solid #EFEFEF; padding-bottom: 15px; }

.title + .news_center { padding-top: 20px; }

.news_center { word-wrap: break-word; font-size: 16px; line-height: 34px; }

.news_center p { margin-bottom: 20px; }

.news_center p:last-child { margin-bottom: 0px; }

.news_center p > img { display: block; max-width: 80%; margin: 0 auto; cursor: pointer; border-radius: 5px; }

.news_center h3 { font-size: 20px; font-weight: bold; line-height: 40px; margin-bottom: 10px; }

.news_center ul { list-style-type: disc; list-style-position: inside; margin-bottom: 10px; }

.news_center ol { list-style-type: decimal; list-style-position: inside; margin-bottom: 10px; }

.news_center table, .news_center iframe, .news_center video { margin: 0 auto; max-width: 100%; }

.news_tips { font-size: 12px; color: #999; line-height: 25px; padding-top: 10px; }

.news_tips a { color: var(--color); }

.Youqing { overflow: hidden; padding-top: 16px; }

.Youqing p { width: calc(100% + 30px); }

.Youqing p a { display: inline-block; vertical-align: middle; line-height: 30px; margin-right: 30px; margin-bottom: 10px; }

.cardinfor_top { position: relative; margin-bottom: 32px; }

.cardinfor_top.nomargin { margin-bottom: 0px; }

.cardinfor_top .bj { width: 100%; }

.cardinfor_top .bj img { width: 100%; height: 300px; display: block; -o-object-fit: cover; object-fit: cover; }

.cardinfor_top .logo { position: absolute; top: 16px; left: 24px; }

.cardinfor_top .logo img { width: auto; height: auto; display: block; }

.cardinfor_top .motai { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.cardinfor_top .motai .img { width: 90px; height: 90px; margin: 37px auto 0; display: block; }

.cardinfor_top .motai .h1 { padding-top: 24px; height: 25px; line-height: 25px; color: #fff; text-align: center; font-size: 20px; font-weight: bold; }

.cardinfor_top .motai .p { padding-top: 24px; color: #fff; max-width: 858px; margin: 0 auto; text-indent: 2em; line-height: 32px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; }

.cardinfor_top .nav { position: absolute; left: 120px; width: calc(100% - 240px); background: #fff; bottom: 16px; height: 58px; line-height: 58px; border-radius: 10px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.cardinfor_top .nav a { display: block; float: left; text-align: center; font-size: 18px; font-weight: 400; border-right: 1px solid #efefef; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 160px; }

.cardinfor_top .nav a:last-child { border: none; }

.cardinfor_top .nav a.on, .cardinfor_top .nav a:hover { background: var(--color); color: #fff; }

.cardinfor { background: #F9F9F9; padding-bottom: 32px; }

.cardinfor .Min9 { padding-top: 9px; }

.contL_Nav .bt_h { height: 60px; line-height: 60px; font-size: 24px; overflow: hidden; }

.contL_Nav ul li .bt { height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 0 12px; line-height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 6px; }

.contL_Nav ul li .bt .fonticon { width: 24px; height: 24px; margin-right: 10px; }

.contL_Nav ul li .bt a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-size: 16px; color: #333; }

.contL_Nav ul li .bt a[href]:hover { color: var(--color); }

.contL_Nav ul li .lis { margin: 8px 0 8px 17px; border-left: 1px solid #DDDDDD; display: none; }

.contL_Nav ul li .lis p { padding: 4px 0 4px 14px; height: 44px; line-height: 44px; position: relative; }

.contL_Nav ul li .lis p::before { position: absolute; left: 0px; top: 50%; width: 6px; height: 1px; background: #DDDDDD; content: ''; }

.contL_Nav ul li .lis p a { display: block; height: 100%; border-radius: 6px; padding: 0 14px; overflow: hidden; font-size: 15px; }

.contL_Nav ul li .lis p a:hover { background: var(--color); color: #fff; }

.contL_Nav ul li .lis p.on a { background: var(--color); color: #fff; }

.contL_Nav ul li.on .bt { background: #EFEFEF; font-weight: bold; }

.contL_Nav ul li.on .lis { display: block; }

.contL_Nav ul li .bt span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.contL_Nav ul li .bt .icon:first-child { height: 24px; width: 24px; margin: 0 8px 0 0; }

.contL_Nav ul li .bt .ico1 { background-position: 0 -113px; }

.contL_Nav ul li .bt .ico5 { height: 24px; width: 24px; background-position: 0 -142px; }

.contL_Nav ul li .bt .ico8 { height: 24px; width: 24px; background-position: 0 -173px; }

.contL_Nav ul li .bt .ico7 { height: 24px; width: 24px; background-position: 0 -207px; }

.contL_Nav ul li .bt .ico10 { height: 24px; width: 24px; background-position: 0 -241px; }

.contL_Nav ul li .bt .ico6 { height: 24px; width: 24px; background-position: 0 -274px; }

.contL_Nav ul li .bt .ico2 { height: 24px; width: 24px; background-position: 0 -305px; }

.contL_Nav ul li .bt .ico9 { height: 24px; width: 24px; background-position: 0 -341px; }

.contL_Nav ul li .bt .ico3 { height: 24px; width: 24px; background-position: 0 -374px; }

.contL_Nav ul li .bt .ico4 { height: 24px; width: 24px; background-position: 0 -410px; }

.contL_Nav ul li.mor .bt .jt { height: 5px; width: 8px; background-position: -45px 0; display: inline-block; vertical-align: middle; }

.zanckbox { background: url("../images/zanbox.png") no-repeat center; width: 56px; height: 56px; margin: 20px auto; display: block; border: 1px solid #efefef; border-radius: 50%; cursor: pointer; }

.zanckbox.active, .zanckbox:hover { background-image: url("../images/zanboxon.png"); }

.Minapp .Min5 { padding-bottom: 10px; }

.Minapp .Min5 .list { width: calc(100% + 40px); }

.Minapp .Min5 .list .box { margin-right: 40px; }

.Minapp .Min5 .list2 li { margin-right: 70px; }

.Minranking .cont3 { padding-top: 35px; }

.Minranking .cont3:nth-child(-n+3) { padding-top: 0px; }

.Minranking .cont3.Min10 .list { margin: 30px 0 0; width: 350px; }

.Minranking .cont3.Min10 .list li:first-child { padding-top: 0px; }

.Minranking .cont3:nth-child(3n-1) { margin: 0 35px; }

.Minranking .cont3:nth-child(3n-1) .title { margin-left: 38px; }

.Minranking .cont3:nth-child(3n-1).Min10 .list { padding: 0 38px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; }

.Minranking .Min10 .cont3 { width: 350px; }

.Minranking .Min10 .cont3:nth-child(3n-1) { padding: 0 40px; }

.ranking-top .text { line-height: 32px; font-size: 16px; padding-top: 15px; color: #666; }

.Minzq { padding-bottom: 40px; }

.Minzq:last-child { padding-bottom: 0px; }

.Minzq .Minzq-1 { width: 250px; }

.Minzq .Minzq-1 .swiperlunbox { height: 306px; }

.Minzq .Minzq-1 .swiperlunbox .swiper-slide .img { width: 250px; height: 306px; }

.Minzq .Minzq-1 .swiperlunbox .swiper-slide .img p { white-space: normal; height: 48px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Minzq .Minzq-2 { width: 530px; }

.Minzq .Minzq-2 .h1 { color: #2E90FA; font-size: 20px; height: 25px; display: block; text-align: center; font-weight: bold; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 12px; }

.Minzq .Minzq-2 .h1:hover { text-decoration: underline; }

.Minzq .Minzq-2 .h2 { height: 24px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; border-bottom: 1px solid #efefef; padding-bottom: 12px; }

.Minzq .Minzq-2 .h2 a { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-align: center; color: #2E90FA; padding: 0 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Minzq .Minzq-2 .h2 a:hover { text-decoration: underline; }

.Minzq .Minzq-3 { width: 400px; }

.Minzq .Minzq-4 { width: 380px; padding-top: 14px; }

.Minzq .Minzq-5 { width: 245px; padding-top: 30px; }

.Minzq .Minzq-5 .search { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #ccc; height: 40px; border-radius: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Minzq .Minzq-5 .search .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 10px; }

.Minzq .Minzq-5 .search .flex1 input { border: none; background: none; width: 100%; height: 100%; }

.Minzq .Minzq-5 .search .button { width: 40px; height: 40px; position: relative; cursor: pointer; border: none; background: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.Minzq .Minzq-5 .search .button i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("../images/icon-so.png") no-repeat center; display: block; width: 16px; height: 16px; }

.Minzq .Minzq-5 .btnlis { width: calc(100% + 24px); }

.Minzq .Minzq-5 .btnlis .tab { float: left; width: 110px; height: 36px; line-height: 36px; text-align: center; border-radius: 100px; background: #F9F9F9; margin: 24px 24px 0 0; overflow: hidden; color: #666; }

.Minzq .Minzq-5 .btnlis .tab.on, .Minzq .Minzq-5 .btnlis .tab:hover { background: var(--color); color: #fff; }

.Minzq .Minzq-6 { width: 536px; }

/* 404 */
.warp404 { padding: 12vh 0; }

.warp404 img { margin: 0 auto; display: block; }

.warp404 .btn { width: 196px; height: 50px; text-align: center; line-height: 50px; background: var(--color); display: block; margin: 0 auto; border-radius: 30px; color: #fff; font-size: 16px; margin-top: 17px; }

.box_flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; }

.box_flexbox > .flex1 { padding-left: 78px; overflow: hidden; }

.box_flexbox.themeContL > .flex1 { padding-left: 110px; }

.box_flexbox.themeContL .sharebox { width: 90px; }

.box_flexbox.themeContL .sharebox .btn { width: 100%; }

.sharebox { position: fixed; top: 50%; left: 50%; margin-left: -600px; z-index: 10; }

.sharebox .btn { width: 48px; display: block; text-align: center; color: #666; margin-bottom: 20px; cursor: pointer; position: relative; }

.sharebox .btn.active { color: #F83030; }

.sharebox .btn.active .ico { border-color: #F83030; }

.sharebox .btn.active .ico .fonticon { fill: #F83030; }

.sharebox .btn .p { display: block; height: 30px; line-height: 30px; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.sharebox .btn .ico { width: 48px; height: 48px; border: 1px solid #efefef; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; }

.sharebox .btn .ico .fonticon { width: 22px; height: 22px; fill: #999; }

.sharebox .share { position: absolute; width: 147px; right: -130px; top: 45%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: none; z-index: 100; }

.sharebox .share::before { display: block; content: ''; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; top: 50%; margin-top: -10px; position: absolute; }

.sharebox .share .social-share { width: 137px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; font-size: 14px; color: #222222; padding: 10px 0; margin-left: 10px; cursor: pointer; }

.sharebox .share .social-share a { display: block; margin: 0; margin-left: 20px; text-align: left; height: 30px; line-height: 30px; color: #222; width: auto; border: none; border-radius: none; font-size: 12px; }

.sharebox .share .social-share a::before { display: none; }

.sharebox .share .social-share a u { display: inline-block; vertical-align: middle; border-radius: 50%; height: 20px; width: 20px; position: relative; background-color: #676b8c; margin: -0px 7px 0 0; }

.sharebox .share .social-share a u::before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url("../images/share.png") no-repeat center; width: 12px; height: 12px; background-position: -2px -1px; }

.sharebox .share .social-share a:hover { background: none; }

.sharebox .share .social-share .icon-weibo u { background-color: #f79401; }

.sharebox .share .social-share .icon-weibo u::before { background-position: -2px -32px; width: 15px; }

.sharebox .share .social-share .icon-wechat u { background-color: #3cbf7d; }

.sharebox .share .social-share .icon-wechat u::before { background-position: -1px -16px; width: 15px; }

.sharebox .share .social-share .icon-qzone u { background-color: #fec602; }

.sharebox .share .social-share .icon-qzone u::before { background-position: -2px -48px; width: 14px; height: 12px; }

.news_comment_text { background: #F9F9F9; border-radius: 10px; padding: 0 24px; margin: 16px 0; }

.news_comment_text .item_ { padding: 16px 0; border-bottom: 1px solid #efefef; font-size: 16px; line-height: 34px; }

.news_comment_text .item_ .bt { color: #946414; }

.news_comment_text .item_ .bt a { color: #946414; }

.news_comment_text .item_ .bt a[href]:hover { text-decoration: underline; }

.news_comment_text .item_:last-child { border: none; }

.down_lis { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; }

.down_lis .img { width: 90px; height: 90px; border-radius: 12px; overflow: hidden; display: block; margin-right: 20px; }

.down_lis .flex1 { overflow: hidden; margin-right: 20px; }

.down_lis .flex1 .h1 { height: 36px; line-height: 36px; font-size: 28px; font-weight: bold; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.down_lis .flex1 p { height: 18px; line-height: 18px; padding-top: 11px; overflow: hidden; color: #666; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.down_lis .flex1 .bq { overflow: hidden; height: 24px; padding-top: 14px; }

.down_lis .flex1 .bq a { display: block; float: left; height: 22px; line-height: 22px; border: 1px solid var(--color); color: var(--color); border-radius: 4px; padding: 0 5px; margin-right: 12px; }

.down_lis .flex1 .bq a[href]:hover { background: var(--color); color: #fff; }

.down_lis .flex1 .bq a:nth-child(3n-1) { color: #FF803D; border-color: #FF803D; }

.down_lis .flex1 .bq a:nth-child(3n-1)[href]:hover { background: #FF803D; }

.down_lis .flex1 .bq a:nth-child(3n) { color: #39B264; border-color: #39B264; }

.down_lis .flex1 .bq a:nth-child(3n)[href]:hover { background: #39B264; }

.down_lis .btnbox { width: 120px; height: 42px; position: relative; margin-top: 31px; cursor: pointer; }

.down_lis .btnbox .btn { text-align: center; display: block; width: 100%; height: 100%; color: #fff; font-size: 16px; background: var(--color); border-radius: 6px; line-height: 42px; }

.down_lis .btnbox .box { position: absolute; width: 260px; padding: 0 24px; right: 0px; -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); background: -o-linear-gradient(top, #fff5e9 0%, #ffffff 50%); background: -webkit-gradient(linear, left top, left bottom, from(#fff5e9), color-stop(50%, #ffffff)); background: linear-gradient(to bottom, #fff5e9 0%, #ffffff 50%); top: 50px; border-radius: 8px; display: none; z-index: 100; }

.down_lis .btnbox .box .bt { height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px solid #F1F1F1; font-size: 18px; font-weight: bold; color: var(--color); }

.down_lis .btnbox .box .close { position: absolute; background: url("../images/close.png") no-repeat center; width: 12px; height: 12px; right: 24px; top: 26px; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.down_lis .btnbox .box .close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.down_lis .btnbox .box .lis_box { padding: 4px 0; }

.down_lis .btnbox .box .lis_box .lis { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-bottom: 1px dashed #F1F1F1; height: 28px; line-height: 28px; font-size: 16px; font-weight: 400; }

.down_lis .btnbox .box .lis_box .lis:last-child { border: none; }

.down_lis .btnbox .box .lis_box .lis img { width: 28px; height: 28px; display: block; margin-right: 10px; }

.down_lis .btnbox .box .lis_box .lis span { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.down_lis .btntab { padding-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.down_lis .btntab .btn { height: 90px; border-radius: 10px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; background: var(--color); color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 24px; }

.down_lis .btntab .btn .p { padding: 0 5px; }

.down_lis .btntab .btn span { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; opacity: 0.9; }

.down_lis .btntab .btn span:first-child { font-weight: bold; font-size: 22px; height: 28px; line-height: 28px; padding-bottom: 7px; opacity: 1; }

.down_lis .btntab .btn:nth-child(2) { background: #39B264; margin-left: 24px; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 275px; }

/* 权限和隐私 */
.layertanbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); /* 反馈 */ }

.layertanbox .textbox { position: absolute; z-index: 5; top: 50%; left: 50%; background: #fff; -webkit-box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.1), 0px -7px 7px 0px rgba(128, 103, 91, 0.2) inset; box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.1), 0px -7px 7px 0px rgba(128, 103, 91, 0.2) inset; border-radius: 20px; width: 400px; padding: 0 20px; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.layertanbox .close { position: absolute; top: -0px; right: -40px; margin: auto; z-index: 10; cursor: pointer; background: url("../images/close2.png") no-repeat center; background-size: 100% 100%; width: 30px; height: 30px; }

.layertanbox .oTitle { position: relative; display: block; text-align: left; padding-left: 15px; padding-top: 15px; height: 60px; }

.layertanbox .oTitle p { display: block; font-size: 30px; color: #333333; font-weight: bold; line-height: 60px; white-space: nowrap; overflow: hidden; }

.layertanbox .closebtn { display: block; cursor: pointer; border: 0; width: 340px; height: 48px; background: #FF921A; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; line-height: 48px; margin: 28px auto 34px; overflow: hidden; white-space: nowrap; }

.layertanbox .text { display: block; height: 378px; border: none; padding: 0 30px; line-height: 28px; font-size: 16px; margin: 2px auto 30px; text-align: left; overflow: auto; }

.layertanbox .text strong { display: block; font-size: 16px; color: #4D4D4D; line-height: 36px; }

.layertanbox .text p:nth-of-type(1) { font-weight: bold; margin-bottom: 10px; }

.layertanbox .text p:nth-last-of-type(1) { margin-bottom: 20px; }

.layertanbox.feedBack .feBack > span { font-size: 16px; color: #4C4C4C; line-height: 35px; margin-bottom: 4px; display: block; text-align: left; }

.layertanbox.feedBack .feBack .info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; background: #F9F9F9; -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; border-radius: 12px; padding: 10px; margin-bottom: 2px; }

.layertanbox.feedBack .feBack .info p { font-size: 14px; color: #333; line-height: 88px; }

.layertanbox.feedBack .feBack .otherRe { background: #F9F9F9; -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; border-radius: 12px; overflow: hidden; padding: 7px 0 13px; }

.layertanbox.feedBack .feBack textarea { width: 350px; height: 32px; line-height: 24px; border: none; resize: none; background: transparent; padding: 5px 20px; font-size: 16px; color: #666; }

.layertanbox.feedBack .feBack .photos { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.layertanbox.feedBack .feBack .photoInput { position: relative; width: 64px; height: 64px; border: 1px dashed #ccc; border-radius: 4px; text-align: center; margin-left: 20px; }

.layertanbox.feedBack .feBack .photoInput p { color: #666; font-size: 12px; }

.layertanbox.feedBack .feBack .photoInput p:nth-of-type(1) { font-size: 28px; color: #CDCDCD; margin-top: 6px; line-height: 30px; }

.layertanbox.feedBack .feBack .photoInput input { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }

.layertanbox.feedBack .feBack .photoList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 270px; overflow-x: auto; white-space: nowrap; font-size: 0; overflow-x: -moz-scrollbars-none; -ms-overflow-style: none; padding-bottom: 5px; padding-left: 10px; }

.layertanbox.feedBack .feBack .photoList p { width: 60px; height: 60px; padding: 3px; margin-right: 10px; border: 1px solid #eee; }

.layertanbox.feedBack .feBack .photoList::-webkit-scrollbar { height: 6px; }

.layertanbox.feedBack .feBack .photoList img { width: 60px; height: 60px; display: block; }

.layertanbox.feedBack .feBack .checkbox { position: relative; display: block; width: 50%; height: 25px; line-height: 25px; cursor: pointer; }

.layertanbox.feedBack .feBack .checkbox:nth-last-child(1) { border-bottom: none; }

.layertanbox.feedBack .feBack .checkbox input[type='checkbox'] { position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; }

.layertanbox.feedBack .feBack .checkbox label { position: absolute; left: 35px; top: 0; height: 28px; line-height: 28px; width: 124px; font-size: 14px; color: #666; text-align: left; }

.layertanbox.feedBack .feBack .checkbox label:after { content: ''; position: absolute; left: -25px; top: 7px; width: 16px; height: 16px; background: #E0E0E0; -webkit-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.2) inset; border-radius: 50%; }

.layertanbox.feedBack .feBack .checkbox input[type='checkbox']:checked + label:after { background: #ff2741; -webkit-box-shadow: 0px -2px 2px 0px rgba(94, 30, 31, 0.2) inset; box-shadow: 0px -2px 2px 0px rgba(94, 30, 31, 0.2) inset; }

.layertanbox.feedBack .feBack .telBox { overflow: hidden; background-color: #f9f9f9; }

.layertanbox.feedBack .feBack .telBox input { display: block; border: none; padding: 0 20px; width: 360px; height: 40px; line-height: 40px; background: #F4F4F4; border-radius: 10px; font-size: 16px; color: #999; }

.layertanbox.feedBack .feBack .telBox input::-webkit-input-placeholder { color: #999; }

.layertanbox.feedBack .feBack .telBox input:-moz-placeholder { color: #999; }

.layertanbox.feedBack .feBack .telBox input::-moz-placeholder { color: #999; }

.layertanbox.feedBack .feBack .telBox input:-ms-input-placeholder { color: #999; }

.layertanbox.feedBack .feSubmit input { display: block; border: 0; margin: 15px auto 20px; cursor: pointer; font-size: 18px; color: #FEFEFE; width: 100%; height: 48px; background: #FF921A; -webkit-box-shadow: 0px 6px 6px 0px rgba(219, 219, 219, 0.1), 0px -6px 6px 0px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 6px 6px 0px rgba(219, 219, 219, 0.1), 0px -6px 6px 0px rgba(0, 0, 0, 0.2) inset; border-radius: 10px; }

.layertanbox.orderList .oWin:after, .layertanbox.orderList .oAgin:after { content: ""; position: absolute; left: 30px; margin: auto; top: 13px; display: block; width: 88px; height: 76px; }

.layertanbox.orderList .orderBox form .tel { display: block; border: none; width: 300px; height: 48px; background: #F4F4F4; -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; border-radius: 10px; line-height: 48px; color: #666; font-size: 18px; padding: 0 20px; margin: 0 auto; overflow: hidden; white-space: nowrap; }

.layertanbox.orderList .orderBox form .tel::-webkit-input-placeholder { color: #999; }

.layertanbox.orderList .orderBox form .tel:-moz-placeholder { color: #999; }

.layertanbox.orderList .orderBox form .tel::-moz-placeholder { color: #999; }

.layertanbox.orderList .orderBox form .tel:-ms-input-placeholder { color: #999; }

.layertanbox.orderList .orderBox form .tel:focus { color: #808080; }

.layertanbox.orderList .orderBox form p { color: #404040; font-size: 18px; line-height: 24px; margin-top: 16px; overflow: hidden; white-space: nowrap; }

.layertanbox.orderList .orderBox form p em { color: #FF921A; }

.layertanbox.orderList .orderBox form p:last-of-type { font-size: 16px; color: #ccc; margin-top: 4px; }

.layertanbox.orderList .orderBox form span { color: #FF921A; font-size: 14px; text-align: left; display: block; width: 306px; margin: 0 auto; overflow: hidden; white-space: nowrap; }

.layertanbox.orderList .orderBox form .oBtn, .layertanbox.orderList .orderBox .oKnow { display: block; cursor: pointer; border: 0; width: 340px; height: 48px; line-height: 48px; background: #FF921A; -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 70, 62, 0.2) inset; box-shadow: 0px -6px 6px 0px rgba(179, 70, 62, 0.2) inset; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; margin: 21px auto 43px; }

.layertanbox.orderList .orderBox .msg { display: block; color: #FF921A; font-size: 14px; text-align: left; width: 326px; margin: 0 auto; }

.layertanbox.orderList .orderBox .oWin { position: relative; width: 100%; font-size: 18px; border-radius: 3px; text-align: center; padding-top: 118px; }

.layertanbox.orderList .orderBox .oWin > strong { display: block; font-size: 20px; color: #4D4D4D; font-weight: bold; line-height: 28px; margin-bottom: 26px; margin-top: 16px; }

.layertanbox.orderList .orderBox .oWin > i { display: block; width: 64px; height: 64px; background: url("../images/success.png") no-repeat center; margin: auto; position: relative; }

.layertanbox.orderList .orderBox .oAgin { position: relative; width: 100%; font-size: 18px; border-radius: 3px; text-align: center; padding-top: 118px; }

.layertanbox.orderList .orderBox .oAgin > strong { display: block; font-size: 20px; color: #4D4D4D; font-weight: bold; line-height: 28px; margin-bottom: 26px; margin-top: 16px; }

.layertanbox.orderList .orderBox .oAgin > i { display: block; width: 64px; height: 64px; background: url("../images/success.png") no-repeat center; margin: auto; position: relative; }

.swiperjietu .swiper { margin-bottom: 16px; }

.swiperjietu .swiper .img { width: 100%; height: 178px; border-radius: 8px; }

.swiperjietu .swiper .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.swiperjietu .swiper.swiper-h .img { height: 374px; }

.swiperjietu .swiper-pagination-progressbar { position: relative; margin-top: 16px; height: 8px; background: #F6F6F6; border-radius: 8px; overflow: hidden; }

.swiperjietu .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #EAEAEA; border-radius: 8px; }

.swiperjietu .tips { padding-top: 8px; line-height: 40px; text-align: center; color: #999; font-size: 18px; }

@-webkit-keyframes fadIn { 0% { display: block;
    opacity: 0.8;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% { display: block;
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@keyframes fadIn { 0% { display: block;
    opacity: 0.8;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% { display: block;
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }
